<template>
    <div>
        <div class="header-title">
            <span
                @click="$router.go(-1)"
                class="mint-toast-icon mintui mintui-back"
            ></span>
            <span>联系我们</span>
            <span></span>
        </div>
        <div class="num-list">
            <div>
                <div>
                    <img src="../../assets/img/icon-phone.png" alt="">
                    <span>联系电话</span>
                </div>
                <span>{{contactInformation[2].configValue}}</span>
            </div>
            <div>
                <div>
                    <img src="../../assets/img/icon-qq.png" alt="">
                    <span>官方QQ</span>
                </div>
                <span>{{contactInformation[0].configValue}}</span>
            </div>
            <div>
                <div>
                    <img src="../../assets/img/icon-WeChat.png" alt="">
                    <span>官方微信</span>
                </div>
                <span>{{contactInformation[1].configValue}}</span>
            </div>
        </div>    
    </div>    
</template>
<script>
import { Toast } from "mint-ui";
export default {
    data(){
        return{
            contactInformation:[],
        }
    },
    created(){
            this.contactUs();
        },
    methods:{
        contactUs(){
            this.$axios.get(this.address.contactUs).then(res => {
                console.log(res.data)
                if(res.data.code == 200){
                    this.contactInformation = res.data.data
                    console.log(this.contactInformation[0].configValue,33)
                }else{
                    Toast({ message: res.data.msg });
                }
            })
        }
    }
}
</script>
<style lang="less" scoped>
.header-title {
    border-bottom: 1px solid @blackColor3;
}
.num-list{
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: @blackColor8;
    >div{
        .flexBetweenCenter();
        padding: 15px 0;
        border-bottom: 1px solid @blackColor3;
        >div{
            .flexStartCenter();
            img{
                width: 20px;
                margin-right: 10px;         
            }
        }
    }
    >div:last-child{
        border-bottom: none;
    }
}
</style>
